<style>
</style>
<template>
    <ly-page>
        <ly-navi title="气泡确定框"></ly-navi>
        <ly-page-content>
            <ly-pop-confirm title="确定删除吗" @confirm="confirm" @cancel="cancel">
                <el-button type="info" size="small">warning测试</el-button>
            </ly-pop-confirm>
            <hr/>
            <ly-pop-confirm type="success" title="确定删除吗" @confirm="confirm" @cancel="cancel">
                <el-button type="success" size="small">success测试</el-button>
            </ly-pop-confirm>
            <hr/>
            <ly-pop-confirm type="warning" title="确定删除吗" @confirm="confirm" @cancel="cancel">
                <el-button type="warning" size="small">warning测试</el-button>
            </ly-pop-confirm>
        <ly-code-view>
            <pre v-pre>
<ly-pop-confirm type="info" title="确定删除吗" v-on:confirm="confirm" v-on:cancel="cancel">
    <el-button type="primary" type="small">测试</el-button>
</ly-pop-confirm>
            </pre>

        </ly-code-view>

            <ly-markdown>
              <pre v-pre>
## `ly-pop-confirm`

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  title | 内容	 |string |-	|-	|
|  width| 宽度	  |int |-	|280|
|  yesText | 确定	  |string|small,normal,medium,big	|normal|
|  cancelText | 取消	 |boolean |-	|false	|
|  type | 类型	  |string |info,success,warning	|info	|
|  placement | 弹出框位置	  |string |	top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end	|80|
#### Events

| 名称  |说明   | 参数|
| ------------ | ------------ |------------ |
|  confirm | 确定回调	 |- |
|  cancel| 取消回调	  |- |


                  </pre>
            </ly-markdown>
        </ly-page-content>
    </ly-page>
</template>

<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    count: 1235

                }
            },
            mounted: function () {
            },
            methods: {
                confirm: function () {
                    this.$message({message: '你点击了确定按钮'});
                }, cancel: function () {
                    this.$message({message: '你点击了取消按钮'});
                }
            }
        }
    })
</script>